<div id="dialog-form" title="Usuario">
    <form id="formAgregar" name="formAgregar" method="post" action="#">
        <fieldset>
            <legend id="tituloAgregar"></legend>
            <table style="width: 100%;">
                <tr>
                    <td>
                        <label for="ci">C.I.:</label></td>
                    <td>
                        <select id="nac" name="nac" class="text ui-widget-content ui-corner-all">
                            <option value="V">V</option>
                            <option value="E">E</option>
                        </select>
                        <input type="text" name="ci" id="ci" class="text ui-widget-content ui-corner-all" style="width: 98px;" maxlength="9" placeholder="Ej. 123456" /></td>
                </tr>
                <tr>
                    <td>
                        <label for="name">Nombre:</label></td>
                    <td>
                        <input type="text" name="nombre" id="nombre" class="text ui-widget-content ui-corner-all" maxlength="40" placeholder="Nombre" /></td>
                </tr>
                <tr>
                    <td>
                        <label for="apellido">Apellido</label></td>
                    <td>
                        <input type="text" name="apellido" id="apellido" value="" class="text ui-widget-content ui-corner-all" maxlength="40" placeholder="Apellido" /></td>
                </tr>
                <tr>
                    <td>
                        <label for="email">Correo</label></td>
                    <td>
                        <input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" maxlength="40" placeholder="Ej. tucorreo@dominio.com" /></td>
                </tr>
                <tr>
                    <td>
                        <label for="phone">Telefono</label></td>
                    <td>
                        <input type="text" name="phone" id="phone" value="" class="text ui-widget-content ui-corner-all" maxlength="15" placeholder="Ej. 02121234567" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="sexo">Sexo:</label>
                    </td>
                    <td>
                        <select id="sexo" name="sexo" class="text ui-widget-content ui-corner-all">
                            <option value="">Seleccione</option>
                            <option value="F">Masculino</option>
                            <option value="M">Femenino</option>
                        </select>                                
                    </td>
                </tr>                        
                <tr>
                    <td>
                        <label for="fecha">Fecha de Nacimiento:</label>
                    </td>
                    <td>
                        <input type="text" name="fecha" id="fecha" value="" class="text ui-widget-content ui-corner-all" maxlength="15" placeholder="Ej. 00/00/0000" />                              
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="sexo">Rol:</label>
                    </td>
                    <td>
                        <select id="idRol" name="idRol" class="text ui-widget-content ui-corner-all">
                            <option value="">Seleccione</option>
                            <?php
                            $i = 0;
                            $rol = new Rol();
                            $listaRoles = unserialize($_SESSION['listaRoles']);

                            for ($i = 0; $i < count($listaRoles); $i++) {
                                $rol = $listaRoles[$i];
                                ?>  
                                <option value="<?php echo $rol->getId(); ?>">
                                    <?php echo $rol->getDescripcion(); ?>
                                </option>
                            <?php } ?>
                        </select>                                
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="contrato">Contrato:</label></td>
                    <td>
                        <input type="text" name="contrato" id="contrato" class="text ui-widget-content ui-corner-all" maxlength="40" placeholder="Aplica solo clientes" /></td>
                </tr>
                <tr>
                    <td>
                        <label for="password" class="clave-content">Clave</label></td>
                    <td>
                        <input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all clave-content" maxlength="10" placeholder="Contraseña" /></td>
                </tr>
                <tr>
                    <td>
                        <label for="repetir" class="clave-content">Rep. Clave</label></td>
                    <td>
                        <input type="password" name="repetir" id="repetir" value="" class="text ui-widget-content ui-corner-all clave-content" maxlength="10" placeholder="Repetir Contraseña" /></td>
                </tr>
            </table>
        </fieldset>
        <input type="hidden" name="id" id="id" />
        <input type="hidden" name="idLogin" id="idLogin" />
        <input type="hidden" name="passOld" id="passOld" />
    </form>
</div>